<template>
	<view class="">
		<view class="position-relative" style="height: 6000rpx;">
			<view class="w-100 position-absolute" style="z-index: 10;margin-bottom: 400rpx;">
				<image src="../../static/icon/htyp.webp" mode="widthFix" class="img"></image>
				<view class="position-absolute w-100"
					style="bottom: 0;height: 180rpx;background-color: rgba(15,64,153);">
				</view>
			</view>
			<!-- 商品部分 -->
			<view class="position-absolute " style="z-index: 20;top: 0;width: 91%;margin-left:33rpx">
				<!-- 十个导航跳转 -->
				<view class="w-100 position-absolute flex flex-wrap"
					style="height: 320rpx;background-color: rgba(15,64,153,.5);top: 375rpx;">
					<view class="" v-for="(item,index) in 10" style="width:19%;height: 155rpx;border: 1px solid black;">
					</view>
				</view>
				<!-- 优品推荐商品 -->
				<view class="w-100 position-absolute flex flex-column"
					style="top:850rpx;background-color: rgba(15,64,153,.5);">
					<view class="w-100 mb-3" v-for="(item,index) in 3" style="height: 255rpx;border: 1px solid black;">

					</view>
				</view>
				<!-- 新品尝鲜 -->
				<view class="w-100 position-absolute px-2 flex flex-wrap justify-between"
					style="top:1860rpx;background-color: rgba(15,64,153,.5);box-sizing: border-box;">
					<view class="mb-4" v-for="(item,index) in 4"
						style="width:48.5%;height: 530rpx;border: 1px solid black;">

					</view>
					<view class="w-100 mt-2" style=";height: 440rpx;border: 1px solid black;">

					</view>
				</view>
				<!-- 爆品热卖 -->
				<view class="">
					<view class="w-100 position-absolute px-2 flex flex-wrap flex-wrap"
						style="top:3645rpx;background-color: rgba(15,64,153,.5);box-sizing: border-box;">
						<view class="w-100 mt-2" v-for="(item,index) in 4"
							style=";height: 435rpx;border: 1px solid black;">
						</view>
					</view>
				</view>
			</view>
			<view class="w-100 position-absolute" style="z-index: 50; bottom: 0;">
				<botSponsor bgHeight="280rpx"></botSponsor>
			</view>
		</view>

		
		<view class="position-fixed fixed-bottom" style="height: 110rpx;z-index: 100;">
			<tabsBottom></tabsBottom>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	import tabsBottom from "@/components/tabs/tabs-bottom.vue"
	import botSponsor from "@/components/botsponsor/sponsor.vue"
	export default {

		components: {
			tabsBottom,
			botSponsor
		},
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {

		}

	}
</script>

<style>
</style>